<template>
	<view>
    <Teachercourse v-if="permission===0"></Teachercourse>
		<Studentcourse v-else></Studentcourse>
		<tab-bar :tabBarList="tabBarList" />
	</view>
</template>

<script>
  import Teachercourse from './@/components/course/Teachercourse.vue'
  import Studentcourse from './@/components/course/Studentcourse.vue'
	import TabBar from '@/components/tabBar.vue';
	import {
		mapGetters,
    mapState
	} from 'vuex';
	export default {
		components: {
			TabBar,
      Teachercourse,
      Studentcourse
		},
		data() {
			return {

			}
		},
		computed: {
			...mapGetters(['tabBarList']),
        ...mapState(['permission'])
		},
		methods: {
tabbarChange(item) {
    console.log(item)
}
		}
	}
</script>

<style>

</style>
